.StartTopConfig {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;

    &>.TitleTemp {
        display: flex;
        align-items: center;

        &>img {
            display: block;
        }

        &>div {
            -webkit-background-clip: text;
            background-clip: text !important;
            color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    &>.TitleOptions {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        &>div {
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            user-select: none;
            transition: all 0.15s;

            &>div {
                transition: all 0.35s;
            }

            &:hover {
                background: var(--hoverBack) !important;

                &>div:nth-child(1) {
                    color: var(--hoverIcon) !important;
                }

                &>div:nth-child(2) {
                    color: var(--hoverText) !important;
                }
            }
        }
    }

    &>.TitleText {
        user-select: none;

        &>div {
            -webkit-background-clip: text;
            background-clip: text !important;
            color: transparent;
            display: flex;
            align-items: center;
            justify-content: var(--content);

            &:hover {
                background: var(--hoverText) !important;
                -webkit-background-clip: text;
                background-clip: text !important;
                color: transparent;
            }
        }
    }

    &>.TitleDate {
        display: flex;
        align-items: var(--alignItems);
        justify-content: var(--justifyContent);
        align-content: var(--alignContent);
        flex-direction: var(--flexDirection);
        user-select: none;

        &>div {
            -webkit-background-clip: text;
            background-clip: text !important;
            color: transparent;

            &:hover {
                background: var(--hoverBack) !important;
                -webkit-background-clip: text;
                background-clip: text !important;
                color: transparent;
            }
        }
    }

    &>.TitleBack {
        &>div {
            user-select: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: flex-start;

            &:hover {

                &>.icon {
                    color: var(--hoverIcon) !important;
                }

                &>.text {

                    background: var(--hoverText) !important;
                    -webkit-background-clip: text;
                    background-clip: text !important;
                    color: transparent;
                }
            }

            &>.icon {
                margin-right: 4px;
            }

            &>.text {
                -webkit-background-clip: text;
                background-clip: text !important;
                color: transparent;
                display: flex;
                align-items: center;
            }
        }
    }

}